<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" lang="en">
<head>
  <meta charset="UTF-8">
  <title>你好，大学</title>
  <!-- 新 Bootstrap 核心 CSS 文件 -->
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <style>
    * {
      padding: 0em;
      margin: 0em;
      box-sizing: border-box;
    }

    a {
      display: inline-block;
      color: #3d8cd8;
      background-color: #eff7ff;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
      cursor: pointer;
    }

    .mycontainer {
      margin: 0em !important;
      font-size: 14px;
      line-height: 28px;
      background-color: rgb(243, 243, 243);
    }

    #box {
      margin: 0em auto;
      width: 80%;
    }

    .header {
      width: 100%;
      padding: 2em;

      background-color: #fff;
      border-bottom: 1px solid rgb(223, 223, 223);
      display: flex;
      flex-direction: row;
      border-left: 1px solid rgb(223, 223, 223);
      border-right: 1px solid rgb(223, 223, 223);
    }

    .header_left {
      flex: 3;
    }

    .header_right {
      flex: 1;
    }

    .header_right img {
      width: 90%;
      margin: 10px;
      border: 1px solid rgb(221, 221, 221);
    }

    .header_right2 img {
      width: 10%;
      margin: 10px;
      border: 1px solid rgb(221, 221, 221);
    }

    .header #text {
      text-indent: 2em;
    }

    .header #text a {
      background-color: #fff;
      text-indent: 2em;
    }

    .header .first_bottom ul {
      display: flex;
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      margin: 20px 0px;
    }

    .header .first_bottom ul li {
      list-style: none;
      line-height: 20px;
      width: 50%;
    }

    .header .first_bottom ul li a {
      background-color: #fff;
      margin: 0px 10px;
    }

    .body_header {
      margin-top: 20px;
      height: 50px;
      width: 100%;
    }

    .body_header ul {
      height: 50px;
      background-color: rgb(224, 224, 224);
      line-height: 50px;
    }

    .body_header ul li {
      float: left;
      padding: 0px 20px;
      font-size: 18px;
      list-style: none;
    }

    .body_header ul li:first-of-type {
      background-color: #3d8cd8;
    }

    .body {
      background-color: #fff;
      border-left: 1px solid rgb(223, 223, 223);
      border-right: 1px solid rgb(223, 223, 223);
      padding: 0px 20px;
    }

    .body {
      width: 100%;
    }

    .body .message {
      width: 100%;
      overflow: hidden;
    }

    .body table {
      width: 100%;
    }

    .body table {
      border-collapse: collapse;
    }

    .body table td {
      border-bottom: 1px dashed gray;
    }

    .body a {
      background-color: #fff;
      margin: 0px 2px;
    }

    .p {
      text-indent: 2em;
    }

    .p a {
      text-indent: 0em;
      background-color: #fff;
    }

    .text_in {
      font-size: .15in;
    }

    .text_cm {
      font-size: .4cm;
    }
  </style>
</head>
<body>
<div class="mycontainer">
  <div id="box">



    <!-- 基础信息 -->
    <div class="body_header">
      <ul>
        <li>校园总揽之图书馆篇</li>
      </ul>
    </div>
    <!-- 主体部分 -->
    <div class="body">
      <!-- 基本信息表格区 -->
      <div class="message">
        <h3>图书馆简介
          <div class="header_right2">
            <img id="logo2" src="images/9.jpg"/>
          </div>
        </h3>
        <table>
          <p>
            中南林业科技大学图书馆有图书馆东馆和西馆两座馆舍，馆舍面积4.3万平方米，及22个院系资料室。其中西图书馆以人文社科类为主。东园图书干以理学工学类为主。
          </p>
          <p>
            图书馆东馆始建于2003年，建筑面积2.6万平方米；西馆始建于1998年，建筑面积6800平方米，2015年改扩建后建筑面积为1.7万平方米。两座馆舍造型别致、设施先进、功能齐全，是中南林业科技大学的标志性建筑。
          </p>
          <h3>电子图书馆</h3>
          <p>
            图书馆主页地址是http://lib.csuft.edu.cn:8080/；页面设置了服务、资源、OA资源、试用资源、新闻公告等8个一级栏目，读者在校园网内登录图书馆主页可免费检索下载所需信息资源，图书馆的二楼三楼书库也配备了查询电脑可供读者使用；读者还可以注册移动图书馆或者微信图书馆，用手机或pad等移动终端来获取馆藏信息资源
          </p>


        </table>
      </div>
    </div>
    </br>

    <!-- 历史录取分数线  -->
    <div class="body_header">
      <ul>
        <li>校园总览之体育场所篇</li>
      </ul>
      <div class="body">
        <!-- 基本信息表格区 -->
        <div class="message">
          <h3>
            <div class="header_right2">
              <img id="logo" src="images/10.jpg"/>
            </div>
          </h3>
          <table>
            <p>
              一、体育艺术馆<br/>
              中南林业科技大学体育艺术馆是在2006年中南林业科技大学成功申办“2010湖南省第九届大学生运动会”举办权后，在全校党委会议，全校动员的情况下斥资2亿人民币建设的一座现代化体育馆。<br/>
              体育馆位于东园，经常用来举办各种比赛，包括且不限于校内活动，经常有一些省级赛事也会在体艺馆举行的，运气好还会看到明星。<br/>
              对了，有空调！！<br/>
              此外，体艺馆还是大一新生开会的一个主要场所。<br/>


            </p>
            <p>
              二、东园体育场<br/>
              东园体育场的主要用途有三个，分别是军训、体育课和运动会。<br/>
              每年九月，东园体育场密密麻麻的全是军训的同学，过了九月，零零散散的会有很多上体育课的学生。此外，还有每年五六月份的运动会，非常壮观，各个学院的方队会穿着院服走列队。<br/>
              对了对了，这里也是体测的场所！<br/>


            </p>
            <p>
              三、西园体育场<br/>
              西园体育场可以分为西足和西篮。两个场地加起来面积要大过东园体育场。西篮19年才翻新过。<br/>
              西足平时会有学生上体育课，也会有很多学生来踢足球，甚至有附近居民带着小朋友来散步。<br/>
              每晚上完课，去跑个步，散散心，坐在草坪发会呆，吹吹风，很是惬意。<br/>
            </p>



          </table>
        </div>
      </div>
      </br>
    </div>
  </div>
</div>

</body>
</html>